<template>
    <div id="app">
        <!--<van-nav-bar fixed-->
                <!--title="标题"-->
        <!--/>-->
        <router-view/>
        <van-tabbar v-model="active">
            <van-tabbar-item icon="music-o" to="/playMusic">播放音乐</van-tabbar-item>
            <van-tabbar-item icon="home-o" to="/light">客厅灯</van-tabbar-item>
            <van-tabbar-item icon="logistics" to="/trolley">小车遥控</van-tabbar-item>
            <van-tabbar-item icon="smile-o" to="/phone">控制手机</van-tabbar-item>
            <van-tabbar-item icon="good-job-o" to="/test">测试界面</van-tabbar-item>
        </van-tabbar>

    </div>
</template>
<script>
    export default {
        data() {
            return {
                active: 0,
            };
        },
        mounted() {
            //路由跳转
            this.$router.push('/playMusic');
        }
    };
</script>

<style>
    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        margin-top: 30px;
    }
</style>